<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>BackGrid Complete example (Recommended!)</title>

<link rel="stylesheet" href="../../lib/bootstrap/3.3.5/css/bootstrap.min.css">
<link rel="stylesheet" href="../../node_modules/backgrid/lib/backgrid.css">
<link rel="stylesheet" href="../../node_modules/backgrid-select-all/backgrid-select-all.css">
<link rel="stylesheet" href="../../node_modules/backgrid-paginator/backgrid-paginator.css">
<link rel="stylesheet" href="../../node_modules/backgrid-filter/backgrid-filter.css">
<link rel="stylesheet" href="../../css/styles.css" />
<link rel="stylesheet" href="../../css/layout.css" />

</head>
<body>
	<div class="container-fluid">
		<div class="row-fluid">
			<div id="winetile" class="span10 container">
				Object Tile Area for Listing and Addnew/Editing
			</div>
		</div>
	</div>

	<script type="text/template" id="tpl_winetile">
	<div id="winetile">
		<div class="page-header">
			<h1 align="center">
				BackGrid Complete Example with Filters and Paginator <small>
					Winestore Example </small>
			</h1>
		</div>
		<div id="objecteditor">object editor
			here. If you see this, it means the object list view or object item
			view are not displayed successfully!</div>
	</div>
	</script>

	<script type="text/template" id="tpl_itemlist">
	<div id="itemlist">
		<a href="#wines/new" id="addnew" class="btn btn-success">Add</a>
		<!-- 
		<a href="#wines/deleteselected" id="deleteselected" class="btn btn-danger">Delete Selected</a>
		-->
		<a href="#" id="deleteselected" class="btn btn-danger">Delete Selected</a>
		<div id="backgrid" class="backgrid-container">If you see this, it means the backgrid is not displayed properly</div>
	</div>
	</script>
	
	<script type="text/template" id="tpl_itemdetail">
	<h2 class="page-header text-center">Users Detail Edit</h2>
	<form role="form" class="form-horizontal contract-form">
		<div class="form-group">
			<label class="col-sm-4 control-label">Id:</label>
			<div class="col-sm-6">
				<input id="wineId" name="id" type="text" value="<%= id %>"
					class="form-control contact-name-input" disabled />
			</div>
		</div>
		<div class="form-group">
			<label class="col-sm-4 control-label">Code:</label>
			<div class="col-sm-6">
				<input type="text" id="code" name="code" value="<%= code %>"
					class="form-control contact-name-input" disabled />
			</div>
		</div>
		<div class="form-group">
			<label class="col-sm-4 control-label">Password:</label>
			<div class="col-sm-6">
				<input type="text" id="password" name="password"
					class="form-control contact-name-input" value="<%= password %>" />
			</div>
		</div>
		<div class="form-group">
			<label class="col-sm-4 control-label">Encryptmethod:</label>
			<div class="col-sm-6">
				<input type="text" id="encryptMethod" name="encryptMethod"
					class="form-control contact-name-input" value="<%= encryptMethod %>" />
			</div>
		</div>
		<div class="form-group">
			<label class="col-sm-4 control-label">Pwdver:</label>
			<div class="col-sm-6">
				<input type="text" id="pwdver" name="pwdver" class="form-control contact-name-input" value="<%= pwdver %>" />
			</div>
		</div>
		<div class="form-group">
			<label class="col-sm-4 control-label">Mobilephone:</label>
			<div class="col-sm-6">
				<input type="text" id="mobilePhone" name="mobilePhone"
					class="form-control contact-name-input" value="<%= mobilePhone %>" />
			</div>
		</div>
	
		<div class="form-group">
			<label class="col-sm-4 control-label">Email:</label>
			<div class="col-sm-6">
				<textarea id="email" name="email"
					class="form-control contact-name-input"><%= email %></textarea>
			</div>
		</div>

        <div class="form-group">
			<label class="col-sm-4 control-label">Objectstate:</label>
			<div class="col-sm-6">
				<input type="text" id="objectState" name="objectState" class="form-control contact-name-input" value="<%= objectState %>" />
			</div>
		</div>
        
         <div class="form-group">
			<label class="col-sm-4 control-label">Level:</label>
			<div class="col-sm-6">
				<input type="text" id="level" name="level" class="form-control contact-name-input" value="<%= level %>" />
			</div>
		</div>
        
        <div class="form-group">
			<label class="col-sm-4 control-label">Rowstate:</label>
			<div class="col-sm-6">
				<input type="text" id="rowstate" name="rowstate" class="form-control contact-name-input" value="<%= rowstate %>" />
			</div>
		</div>

		<div class="form-group">
			<div class="col-sm-offset-4 col-sm-3">
				<button type="submit" class="btn btn-outline btn-lg btn-block save">Submit</button>
			</div>
			<div class="col-sm-3">
				<button class="btn btn-outline btn-lg btn-block cancel">Cancel</button>
			</div>
		</div>
	</form>
	</script>

	<script src="../../lib/jquery/1.11.3/jquery-1.11.3.js"></script>
    <script src="../../lib/bootstrap/3.3.5/js/bootstrap.js"></script>
	<script src="../../node_modules/underscore/underscore.js"></script>
	<script src="../../lib/backbone/backbone.js"></script>
	<script src="../../node_modules/back/backbone-pageable.js"></script>
	<script src="../../node_modules/backgrid/lib/backgrid.js"></script>
	<script src="../../node_modules/backgrid-select-all/backgrid-select-all.js"></script>
	<script src="../../node_modules/backgrid-paginator/backgrid-paginator.js"></script>
	<script src="../../node_modules/backgrid-filter/backgrid-filter.js"></script>

	<script src="user-v1.js"></script>

</body>
</html>
